#top{
	text-align: center;
	font-size: 23px;
}
#face{
	margin-top: 20px;
	margin-left: 20px;
	height: 120px;
	width: 668px;
}
#faceimage{
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 100px;
}
#faceimage img{
	 border-radius:50%;
	 width: 100%;
	 height: 100%;
}
.mybody{
	position: absolute;
	left: 50%;
	width: 716px;
	height: 1000px;
	transform: translateX(-50%);
    border-style: solid;
   border-color:#d5d5de;

}
.group{
	margin-left: 20px;
	width: 322px;
	height: 69px;
	display: inline-block;
}
.group input{
	color:rgba(38,38,38,.75);
	background-color: rgba(0,0,0,.03);
	width: 100%;
	height: 40px;
	border-style: none;
	outline:none;
	background-color: rgba(0,0,0,.03);
}
.allinput{
	color:rgba(38,38,38,.75);
	width: 100%;
	height: 40px;
	border-style: none;
	outline:none;
	background-color: rgba(0,0,0,.03);
}
.group label{
	display: block;
}

.group button{
	 cursor: pointer;
	 color:rgba(38,38,38,.75);
	background-color: rgba(0,0,0,.03);
	border-style: none;
	border-radius:12px;
	height: 40px;
	width:  40%;
	margin-right: 5%;
}
#group-introduce{
	width: 668px;
	height: 121px;
}
#group-introduce div{
	color:rgba(38,38,38,.75);
	background-color: rgba(0,0,0,.03);
	border-style: none;
	outline:none;
	width: 668px;
	height: 92px;
}
#save{
	 background-color: #4CAF50;
	 border-style: none;
	 border-radius: 10px;
	 position: absolute;
	 right: 20px;
   	 color: white;
	 width: 76px;
	 height: 37px;
}
#file{
	display: none;
}
#mysubmit{
	display: none;
}
#loadimage{
	margin-left: auto;
	margin-right: auto;
	transform: translateX(70%);
	width: 100px;
	height: 20px;
	border-style: solid;
	border-radius: 40px;
	border-color: rgba(0,0,0,.03);
	display: none;
}
#loadfile{
	width: 100%;
	height:100%;
	border-style: none;
	cursor: pointer;
	background-color: white;
}
#faceimage:hover + #loadimage{
	display: block;
}
#loadimage:hover{
	display: block;
}
